<template>
<div class="public-common">
    <!--业务办理 && 车容车貌和服务设备年审-->
    <div class="public-title">车容车貌和服务设备年审</div>
    <div class="public-searchbox">
        <el-form label-width="90px" size="mini" style="overflow:hidden;height:28px;">
            <el-row>
                <el-col :span="8">
                    <el-form-item label="车牌号">
                        <el-select v-model="form.carid" filterable clearable placeholder="请选择" size="mini" style="width:100%">
                            <el-option
                            v-for="item in select.carids"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="" label-width="10px">
                        <el-button type="warning" size="mini"  icon="el-icon-printer">打印</el-button>
                    </el-form-item>                    
                </el-col>
            </el-row>            
        </el-form>
    </div>
    <el-scrollbar class="public-scroll" style="height:calc(100% - 85px)">
        <div class="printtable">
            <h3>西安市出租汽车车容车貌和服务设备年审表</h3>
            <div class="table-info"><span style="float:right;">填表日期：2019年 10月 23日</span>单位(盖章)：管理处</div>
            <table>
                <tr>
                    <td class="font-bold" align="center">车号</td>
                    <td>{{form.carid}}</td>
                    <td class="font-bold" align="center">车型</td>
                    <td>{{form.cartype}}</td>
                    <td rowspan="4" width="60">
                        <div>承包人或车主1寸彩色免冠照片</div>
                    </td>
                </tr>
                <tr>
                    <td class="font-bold" align="center">承包人或车主姓名</td>
                    <td >{{form.carid}}</td>
                    <td class="font-bold" align="center">联系电话</td>
                    <td>{{form.telphone}}</td>
                </tr>
                <tr>
                    <td class="font-bold" colspan="4" align="center">审验项目</td>
                </tr>
                <tr>
                    <td class="font-bold" align="center">车容车貌</td>
                    <td class="font-bold" align="center">检查情况</td>
                    <td class="font-bold" align="center">服务设备</td>
                    <td class="font-bold" align="center">检查情况</td>
                </tr>
                <tr>
                    <td align="center">车身外表</td>
                    <td>{{form.carbody}}</td>
                    <td align="center">GPS</td>
                    <td>{{form.GPS}}</td>
                    <td rowspan="4">
                        <div>审验人签字
                            <div class="datetime" style="margin-top:50px;"><span>年</span><span>月</span><span>日</span></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td align="center">车内卫生</td>
                    <td>{{form.carbody}}</td>
                    <td align="center">电子识别卡</td>
                    <td>{{form.GPS}}</td>
                </tr>
                <tr>
                    <td align="center">座套</td>
                    <td>{{form.carbody}}</td>
                    <td align="center">顶灯</td>
                    <td>{{form.GPS}}</td>
                </tr>
                <tr>
                    <td align="center">租价标签</td>
                    <td>{{form.carbody}}</td>
                    <td align="center">监督卡座、卡</td>
                    <td>{{form.GPS}}</td>
                </tr>
                <tr>
                    <td colspan="3" >
                        <el-checkbox-group v-model="form.check1" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        《道路运输证》登记是否通过上年度检验
                    </td>
                    <td rowspan="2" colspan="2">
                        <div>审验人签字
                            <div class="datetime" style="margin-top:50px;"><span>年</span><span>月</span><span>日</span></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="3" >
                        <el-checkbox-group v-model="form.check2" style="float:right">
                            <el-checkbox label="是" style="margin:0 20px 0 0;"></el-checkbox>
                            <el-checkbox label="否" style="margin:0;"></el-checkbox>
                        </el-checkbox-group>
                        《道路运输证》与车号、车型是否相符
                    </td>                    
                </tr>
                <tr>
                    <td colspan="3" >
                        <div>
                            企业初审意见：
                            <div style="margin-top:70px;">
                                <div class="datetime" style="float:right"><span>年</span><span>月</span><span>日</span></div>检查人签名：
                            </div>
                        </div>
                    </td>
                    <td colspan="2" >
                        <div>
                            管理部门意见:
                            <div>(&nbsp;&nbsp;) 1.审查合格</div>
                            <div>(&nbsp;&nbsp;) 2.审查不合格；整改期限 (&nbsp;&nbsp;&nbsp;&nbsp;) 天。</div>
                            <div>(&nbsp;&nbsp;) 3.补审合格。</div>
                            <div class="datetime" style="margin-top:10px;"><span>年</span><span>月</span><span>日</span></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="font-bold">备注</td>
                    <td colspan="4">合格项目内打“√”，不合格项目内打“×”。</td>
                </tr>
            </table>
            <div class="table-info" style="text-align:right;">西安市出租汽车管理监制处 </div>
        </div>
    </el-scrollbar>

</div>
</template>
<script>
export default {
    data(){
        return {
            form:{
                test:'',
                carid:'123',
                cartype:'123',
                starttime:'2019年10月01日',
                endtime:'2019年10月23日',
                check1:[],
                check2:[],
                check3:[],
                check4:[],
                check5:[],
                check6:[],
                check7:[],
                check8:[],
                check9:[],
                check10:[],
                check11:[]
            },
            select:{
                carids:[],
                types:[]
            }
        }
    },
    components:{
    },
    mounted(){
        
    },
    methods:{
        

    }
}
</script>
<style lang="scss">
.printtable{
    width:700px;margin:0 auto;font-size:16px;
    h3{line-height: 35px;text-align: center;padding:10px;}
    .table-info{line-height: 30px;padding:0 5px;}
    table{width:100%;border-collapse:collapse;border-spacing: 0px;
        td{border:1px solid #000;padding:6px 10px;font-size: 12px;
            div{line-height: 24px;}
        }
        .font-bold{font-weight: bold}
        .datetime{text-align: right;
            span{margin-left:20px;}
        }
    }
}
</style>